<template>
  <div class="personal">
    <van-nav-bar title="我的资料" left-arrow @click-left="onClickLeft" />
    <van-nav-bar
      left-text="我的头像"
      right-text="未设置"
      right-arrow
    />
    <van-nav-bar
      left-text="昵称"
      :right-text="userInfo.mobile"
      right-arrow
    />
    <van-nav-bar
      left-text="性别"
      right-text="未设置"
      right-arrow
    />
    <van-nav-bar
      left-text="出生日期"
      right-text="未设置"
      right-arrow
    />
  </div>
</template>

<script>
export default {
  name: "login",
  data() {
    return {
   
    };
  },
  computed:{
        userInfo(){
            return this.$store.state.userInfo||JSON.parse(sessionStorage.getItem("userInfo"))||{mobile:'立即登录'};
        }
    },
  methods: {
    onClickLeft() {
      this.$router.back();
    },
  },
};
</script>

<style scoped lang="scss">
</style>